import {Text, View, Dimensions, StyleSheet} from 'react-native';
import React, {Component} from 'react';

export default class DimensionsCom extends Component {
  render() {
    return (
      <View style={[styles.container]}>
        <View style={[styles.itemBase]}>
          <Text>扫码</Text>
        </View>
        <View style={[styles.itemBase]}>
          <Text>二维码</Text>
        </View>
        <View style={[styles.itemBase]}>
          <Text>卡包</Text>
        </View>
        <View style={[styles.itemBase]}>
          <Text>我的钱包</Text>
        </View>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flexDirection: 'row',
  },
  itemBase: {
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#00b3a1',
    width: Dimensions.get('window').width / 4,
    height: 50,
  },
});
